﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>微街秀>文章详情</title>
    <link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="plugins/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet"
        type="text/css" />
    <link href="css/base.css" rel="stylesheet" type="text/css" />
    <link href="css/detail.css" rel="stylesheet" type="text/css" />
</head>
<body class="none-bar">
    <div id="detail_con" class="advert-bottom">
        <div class="top-bar-body">
            <div class="row top-bar">
                <div class="col-xs-3 top-left" onclick="goBack();">
                    <i class="fa fa-angle-left"></i>
                </div>
                <div class="col-xs-6 title f16">
                    文章详情
                </div>
                <div class="col-xs-3 top-right">
                    <i class="fa fa-star-o"></i>
                </div>
            </div>
        </div>
        <!--广告占位-->
        <div class="replace replace-top">
            <img src="img/detail_ad.jpg" />
        </div>
        <!--框架-->
        <div class="ifm-body">
        </div>
        <!--start:内容显示部分-->
        <div id="con_body" class="container-fluid mt10 mb50">
            <div>
                <h4>
                    <b id="title"></b>
                </h4>
                <div class="row small gray-small">
                    <div class="col-xs-6" id="date">
                    </div>
                    <div class="col-xs-4 col-xs-offset-2 text-right">
                        <i class="fa fa-eye"></i>&nbsp;<span id="click"></span>
                    </div>
                </div>
                <hr style = "margin-top:5px;margin-bottom:9px;" />
                <div class="row">
                    <div class="col-xs-12 f16 content">
                    </div>
                </div>
            </div>
        </div>
        <!--end:内容显示部分-->
        <div class="row m10 shared-part">
            <div class="col-xs-2" data="weixin">
                <img src="img/share/1.png" /></div>
            <div class="col-xs-2" data="cqq">
                <img src="img/share/2.png" /></div>
            <div class="col-xs-2" data="tsina">
                <img src="img/share/3.png" /></div>
            <div class="col-xs-2" data-toggle="modal" data-target="#shared_list" data-whatever="@mdo">
                <img src="img/share/more.png" /></div>
            <div class="col-xs-2">
            </div>
            <div class="col-xs-2" onclick="scrollTo(0,0);">
                <img src="img/share/to_top.png" /></div>
        </div>
        <!--start:分享弹出框-->
        <div class="modal fade" id="shared_list" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="exampleModalLabel">
                            选择分享平台</h4>
                    </div>
                   <div id="share_ico" class="modal-body">
                        <div class="row">
                            <div class="col-xs-4" data="weixin">
                                <img src="img/share/1.png" /><div>微信</div>
                            </div>
                            <div class="col-xs-4" data="cqq">
                                <img src="img/share/2.png" /><div>QQ</div>
                            </div>
                            <div class="col-xs-4" data="tsina">
                                <img src="img/share/3.png" /><div>微博</div>
                            </div>
                        </div>
                        <div class="row mt30">
                            <div class="col-xs-4" data="qzone">
                                <img src="img/share/4.png" /><div>QQ空间</div>
                            </div>
                            <div class="col-xs-4" data="douban">
                                <img src="img/share/5.png" /><div>豆瓣</div>
                            </div>
                            <div class="col-xs-4" data="kaixin001">
                                <img src="img/share/6.png" /><div>开心</div>
                            </div>
                        </div>
                        <div class="row mt30">
                            <div class="col-xs-4" data="renren">
                                <img src="img/share/7.png" /><div>人人</div>
                            </div>
                            <div class="col-xs-4" data="yixin">
                                <img src="img/share/8.png" /><div>易信</div>
                            </div>
                            <div class="col-xs-4" data="Canenl" data-dismiss="modal" onclick="collect(); return false;">
                                <img src="img/share/Colltion.png" /><div>收藏</div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default btn-block" data-dismiss="modal">
                            取消</button>
                    </div>
                </div>
            </div>
        </div>
        <!--end:分享弹出框-->
        <!--start:广告开始-->
        <div class="advert">
            <div class="line-body">
                <span>微街秀</span>
                <div class="line">
                </div>
            </div>
            <div class="ad-img-body">
                <div class="float">
                    <div id="ad_choose" class="option left">
                        更换广告</div>
                    <div id="ad_close" class="option right">
                        <span class = "f18" aria-hidden="true">&times;</span>
                    </div>
                </div>
                <img id="advert_img" src="img/detail_ad.jpg" />
            </div>
        </div>
        <!--end:广告开始-->
        <!--广告占位-->
        <div class="replace replace-bottom">
            <img src="img/detail_ad.jpg" />
        </div>
    </div>
    <!--Javascript-->
    <script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
    <script src="plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/dialog.js" type="text/javascript"></script>
    <script src="js/Share.js" type="text/javascript"></script>
    <script src="js/base.js" type="text/javascript"></script>
    <script src="js/ajax-data.js" type="text/javascript"></script>
    <script src="js/detail.js?123154" type="text/javascript"></script>
</body>
</html>
